<template>
  <div class="app-inner">
    <el-card>
      <el-tabs v-model="activeName">
        <el-tab-pane label="视频流信息" name="VideoInfo" />
        <el-tab-pane label="视频流预览" name="VideoPreview" />
      </el-tabs>
      <component :is="activeName"></component>
    </el-card>
  </div>
</template>

<script>
import VideoInfo from './components/videoInfo.vue'
import VideoPreview from './components/videoPreview.vue'

export default {
  components: {
    VideoInfo,
    VideoPreview
  },
  data: () => ({
    activeName: 'VideoInfo'
  })
}
</script>

<style lang="scss" scoped></style>
